<template>
	<view class="content">
		<uni-status></uni-status>
		<uni-tab></uni-tab>
		<swiper class="swiper" :indicator-dots="true" indicator-color="rgba(255,255,255)" circular indicator-active-color="rgba(255,0,0)" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item v-for="item in bannerList" :key="item.goods_id">
				<view class="swiper-item">
					<image :src="item.url" mode="widthFix"></image>
				</view>
			</swiper-item>
		</swiper>
		<uni-jingang :tablist="tablist"></uni-jingang>
		<view class="line"></view>
		<uni-news :newsList="newsList"></uni-news>
		<uni-index-goods :indexGoodslist="indexGoodslist"></uni-index-goods>
	</view>
</template>

<script>
	import {bannerList} from "../../static/js/bannerList.js"
	import {tablist} from "../../static/js/tablist.js"
	import{newsList,indexGoodslist} from "../../static/js/indexList.js"
	export default {
		data() {
			return {
				bannerList:[],
				tablist:[],
				newsList:[],
				indexGoodslist:[],
			}
		},
		onLoad() {

		},
		created(){
			this.bannerList = bannerList
			this.tablist = tablist
			this.newsList = newsList
			this.indexGoodslist = indexGoodslist
			
		},
		methods: {

		}
	}
</script>

<style lang="less">
	.content{
		.line{width: 100%;height: 16rpx;background-color: #e1e1e1;}
		.swiper{
			height: 340rpx;
			.swiper-item{
				width: 100%;
				image{
					width: 100%;
				}
			}
		}
	}
</style>
